@function pxToRem($px) {
  @return $px / 46.875 * 1rem;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background: #f2f2f2;
  /*头部*/

  #header {
    background: url("../../img/invest/background.png");
    width: 100%;
    height: pxToRem(104);
    line-height: pxToRem(104);
    text-align: center;
    color: #ffffff;
    .left {
      width: pxToRem(100);
      float: left;
      img {
        width: pxToRem(26);
        height: pxToRem(40);
      }
    }
    .center {
      width: pxToRem(550);
      font-size: pxToRem(40);
      float: left;
      text-align: center;
    }

  }
  .neck {
    margin-top: pxToRem(-2);
    background: url("../../img/invest/background1.png");
    background-size: pxToRem(750) pxToRem(360);
    width: 100%;
    height: pxToRem(360);
    padding: pxToRem(56) pxToRem(40) pxToRem(100) pxToRem(40);
    box-sizing: border-box;
    border: none;
    .neck-left {
      float: left;
      width: pxToRem(200);
      text-align: left;
      .left-top {
        font-size: pxToRem(20);
        color: #ffffff;
        opacity: 0.7;
        margin-top: pxToRem(70);
      }
      .left-bottom {
        font-size: pxToRem(36);
        color: #ffffff;
        margin-top: pxToRem(10);
      }

    }
    .neck-center {

      width: pxToRem(250);
      float: left;
      text-align: center;
      .center-top {
        font-size: pxToRem(28);
        color: #ffffff;
        opacity: 0.6;
      }
      .center-bottom1 {
        font-size: pxToRem(100);
        color: #ffffff;
      }
      .center-bottom2 {
        font-size: pxToRem(36);
        color: #ffffff;
      }

    }
    .neck-right {
      width: pxToRem(180);
      float: left;
      text-align: left;
      margin-left: pxToRem(40);
      .right-top {
        margin-top: pxToRem(70);
        font-size: pxToRem(20);
        color: #ffffff;
        opacity: 0.7;

      }
      .right-bottom {
        font-size: pxToRem(36);
        color: #ffffff;
        margin-top: pxToRem(10);
      }

    }

  }
  .choice {
    height: pxToRem(78);
    line-height: pxToRem(78);
    text-align: center;
    font-size: pxToRem(30);
    color: #333333;
    background: #ffffff;
    div {
      margin-left: pxToRem(80);
      float: left;
      height: pxToRem(78);
      line-height: pxToRem(78);

    }
    div:first-child {
      color: #ff5600;
      margin-left: pxToRem(120);
      border-bottom: pxToRem(4) solid #ff5600;
    }
  }

  .particulars {
    margin-top: pxToRem(20);
    background-color: #ffffff;

    .content-head {
      padding: pxToRem(0) pxToRem(25) pxToRem(0) pxToRem(25);
      box-sizing: border-box;
      height: pxToRem(99);
      line-height: pxToRem(99);
      border-bottom: pxToRem(1) solid #f2f2f2;
      font-size: pxToRem(34);
      color: #333333;
    }

    .content-details {
      padding: pxToRem(32) pxToRem(25) pxToRem(32) pxToRem(25);
      box-sizing: border-box;
      word-wrap: break-word;
      width: pxToRem(750);
      p {
        font-size: pxToRem(28);
        color: #666666;
        text-indent: 2em;
      }
    }

  }
  .audit-data {
    margin-top: pxToRem(20);
    background-color: #ffffff;

    .content-head {
      padding: pxToRem(0) pxToRem(25) pxToRem(0) pxToRem(25);
      box-sizing: border-box;
      height: pxToRem(99);
      line-height: pxToRem(99);
      border-bottom: pxToRem(1) solid #f2f2f2;
      font-size: pxToRem(34);
      color: #333333;
    }

    .content-details {
      padding: pxToRem(32) pxToRem(25) pxToRem(32) pxToRem(25);
      box-sizing: border-box;
      word-wrap: break-word;
      width: pxToRem(750);
      p {
        font-size: pxToRem(28);
        color: #666666;
        text-indent: 2em;
      }
    }

  }

  .record {
    margin-top: pxToRem(20);
    background-color: #ffffff;

    .content-head {
      padding: pxToRem(0) pxToRem(25) pxToRem(0) pxToRem(25);
      box-sizing: border-box;
      height: pxToRem(99);
      line-height: pxToRem(99);
      border-bottom: pxToRem(1) solid #f2f2f2;
      font-size: pxToRem(34);
      color: #333333;
    }

    .content-details {
      padding: pxToRem(32) pxToRem(25) pxToRem(32) pxToRem(25);
      box-sizing: border-box;
      word-wrap: break-word;
      width: pxToRem(750);
      p {
        font-size: pxToRem(28);
        color: #666666;
        text-indent: 2em;
      }
    }

  }

  /*底部*/
  footer {
    position: fixed;
    left: 0;
    bottom: 0;
    background: white;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    height: pxToRem(100);
    .footer-child {
      float: left;
      margin-left: pxToRem(118);
      img {
        margin-top: 0;
        width: pxToRem(40);
        height: pxToRem(40);
      }
      p {

        font-size: pxToRem(20);
        color: #999999;
      }
    }

  }
}
